<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <svg width="1400" height="800">
        <defs>
            <linearGradient id="g3" x1="0%" y1="0%" x2="100%" y2="0%">
                <stop offset="0%" stop-color="red"></stop>
                <stop offset="17%" stop-color="orange"></stop>
                <stop offset="34%" stop-color="yellow"></stop>
                <stop offset="51%" stop-color="green"></stop>
                <stop offset="68%" stop-color="cyan"></stop>
                <stop offset="85%" stop-color="blue"></stop>
                <stop offset="100%" stop-color="purple"></stop>
            </linearGradient>
        </defs>
        <rect width="500" height="100" x="10" y="10" stroke="url(#g3)" fill="url(#g3)"></rect>
        <text  font-size="60" y="300" fill="url(#g3)">一段文本</text>
    </svg>
</body>
</html>